// 溢出文本省略效果
.text-hidden {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

ul {
  padding: 0;
  list-style: none;
}

//歌单、动态、关注、粉丝 显示区域
#home {
  .title {
    border-bottom: 2px solid red;
    padding-bottom: 8px;
    font-size: 18px;
  }

  li {
    float: left;
    width: 160px;
    //height: 180px;
    overflow: hidden;

    &>div {
      width: 160px;
      height: 160px;
      cursor: pointer;
    }

    // 左边距类
    &.ml {
      margin-left: 45px;
    }
  }

  // 歌单图标
  .song-icon {
    display: inline-block;
    width: 160px;
    height: 160px;
    background-color: lightgrey;
    font-size: 400%;
    text-align: center;
    line-height: 160px;

    // 歌单数据——音乐数，播放按钮 栏
    &+p {
      position: relative;
      margin-bottom: -46px;
      bottom: 46px;
      padding: 4px 10px;
      color: gainsboro;
      background-color: #909399;
      cursor: auto;
    }
  }

  .el-icon-video-play {
    float: right;
    font-size: 120%;
    cursor: pointer;

    &:hover {
      color: white;
    }
  }

  .text-hidden {
    margin: 10px 0;
  }
}